/*main头部*/
.layui-search-right .box {
    vertical-align: middle;
}

.layui-search-right span {
    margin-top: 0;
}

.hide {
    display: none !important;
}

/*清除浮动*/
.clearFloat {
    zoom: 1;
}

.clearFloat:after {
    content: "";
    display: block;
    height: 0;
    font-size: 0;
    overflow: hidden;
    clear: both;
}

.body {
    /*padding: 0 20px;*/
    /*background: #F3F3F3;*/
    background: white;
}

/*颜色*/
.green {
    color: #a0d468 !important;
}

.red {
    color: #dd5451 !important;
}

.yellow {
    color: #0f9ae5 !important;
}

.blue {
    color: #258dd0 !important;
}
.orange{
    color: #ff8a4b !important;
}
/*主体模块*/
.main {
    /*border: 1px solid #e2e2e2;*/
    background: #ffffff;
    margin-bottom: 20px;
    padding:0 0 50px 0;
}
.main-content{
    margin: 12px 20px 0 20px ;
    padding: 0px 20px 15px 22px;
    background-color: #ffffff;
    box-shadow: 0px 0px 4px 2px rgba(238, 238, 238, 0.5);
}

.main_div {
    margin-bottom: 15px;
}

.main_div .layui-inline {
    top: 0;
    vertical-align: top
}

.main_div .layui-span-inline {
    line-height: 38px;
}

.main_div .select-inline {
    min-width: 200px;
    min-height: 120px;
}

.main_div .select-inline option {
    padding: 5px 0px 5px 5px;
}

.h-line {
    font-size: 16px;
    color: #333;
    margin: 15px;
    border-left: 4px #0f9ae5 solid;
    padding-left: 5px;
}

/*搜索模块*/
.search {
    border: none;
    color: #666;
    padding-top: 1px;
}

.search_title {
    font-size: 16px;
    color: #333;
    margin-bottom: 16px;
    border-left: 5px solid #0f9ae5;
    padding-left: 8px;
}
.main-title{
    font-family: PingFangSC-Medium;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 28px;
    letter-spacing: 0px;
    color: #303133;
    margin-left: 44px;
}
.layui-breadcrumb{
    font-family: PingFangSC-Regular;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 12px;
    letter-spacing: 0px;
    color: #c0c4cc;
    margin-left: 44px;
}
/*.search .layui-form {*/
    /*min-height: 55px;*/
/*}*/

.search .item_line {
    text-align: justify;
    line-height: 0;
}

.layui-form-item {
    margin: 0;
}

.search .item_line:after {
    width: 100%;
    content: "";
    height: 0;
    font-size: 0;
    overflow: hidden;
    display: inline-block;
}

.search .btn {
    width: 289px;
}

.search .layui-btn {
    background-color: #0f9ae5;
}

.search .layui-input-inline {
    margin: 0;
}

.i {
    color: red;
    margin-right: 3px;
}

/*选项卡*/
.layui-tab {
    margin: 0;
    background-color: #f3f3f3;
}
.layui-form .layui-tab {
    background-color: white;
}
.layui-tab .tab_card li {
    border: 1px solid transparent;
    /*!*margin-right: 10px;*!*/
    /*border-radius: 5px 5px 0 0;*/
    /*color: #748995;*/
    /*background: #fff;*/
}

.layui-tab .tab_card .layui-this {
    color: #3068E5;
    background: #F2F5FA;
    border: 1px solid #D6DAE1;
    border-bottom: 0;
    height: 34px;
    border-radius: 5px 5px 0px 0px;
}
.layui-tab .tab_card{
    background: white;
}
.layui-tab .tab_card .layui-this:after {
    border: none;
}

.layui-tab-title {
    border-bottom: 1px solid #D6DAE1;
    height: 34px;
    /*padding-left: 20px;*/
}

.layui-tab-title li {
    line-height: 34px;
    min-width: 82px;
    padding: 0 10px;
}

/*数据列表*/

.table_div {
    border: none;
    /*margin: 0px 15px 15px 22px;*/
}
.table_div .layui-btn,.search .blue-btn,.blue-btn{
    background-color: #6e96ee;
}
.search .red-btn{
    background-color: #ffebed;
    color: #ff7486;
    min-width: 80px;
}
.table_div .sum_box {
    float: right;
}

.table_div .sum_box p {
    margin-right: 16px;
}

.table_div h3, .table_div .layui-btn, .table_div .sum_box p {
    display: inline-block;
}

.table_div h3 {
    font-size: 16px;
    color: #333;
    display: inline-block;
    border-left: 5px solid #0f9ae5;
    padding-left: 8px;
}

.layui-table[lay-skin=nob] thead tr {
    background-color: #0f9ae5 !important;
}

.layui-table thead tr {
    background-color: #f0f0f0;
}

.layui-table-header {
    background: #f0f0f0;
}

.layui-table tbody td {
    color: #666;
}

.layui-table[lay-even] tr:nth-child(even) {
    background-color: #fff;
}

.layui-table tbody tr:hover, .layui-table-hover {
    background-color: #F5FAFF !important;
}

.layui-table-view .layui-table td, .layui-table-view .layui-table th {
    padding: 2px 0;color:#24262a;
}

.layui-table .layui-form-checkbox[lay-skin=primary]:hover i {
    border-color: #0f9ae5;
}

.layui-table thead .layui-form-checked[lay-skin=primary] i, .layui-table thead .layui-form-checked[lay-skin=primary]:hover i {
    border-color: #fff;
}

/*列表分页*/
.layui-table-page, .layui-table-page1 {
    height: 45px;
    background-color: #FFFFFF;
}

.layui-laypage a:hover {
    color: #0f9ae5;
}

.layui-laypage input:focus, .layui-laypage select:focus {
    border-color: #0f9ae5 !important;
}

.layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #0f9ae5;
}

/*列表按钮*/
.layui-table .layui-btn {
    padding: 0 5px;
    box-sizing: border-box;
}

/*列表黄色按钮*/
.layui-btn-yellow, .layui-btn-yellow:hover {
    border-color: #0f9ae5;
    min-width: 100px;
    color: #0f9ae5;
}

/*列表蓝色按钮*/
.layui-table .layui-btn-blue, .layui-table .layui-btn-blue:hover {
    border-color: #2dc3e8;
    min-width: 68px;
    color: #2dc3e8;
}

/*列表红色按钮*/
.layui-table .layui-btn-red, .layui-table .layui-btn-red:hover {
    border-color: #dd5451;
    min-width: 68px;
    color: #dd5451;
}

/*多选按钮*/
.layui-form-checked[lay-skin=primary] i {
    border-color: #0f9ae5;
    background-color: #0f9ae5;
    color: #fff;
}

/*单选按钮*/

.layui-form-radio i:hover, .layui-form-radioed i {
    color: #0f9ae5;
}

.bottom_div {
    margin: 10px 15px 15px 15px;
}

.bottom_div p {
    color: #666666;
    margin-left: 22px;
}

.bottom_div p span {
    color: #0C0C0C
}

.bottom_div button {
    background-color: #0f9ae5;
    min-width: 80px;
    height: 30px;
    line-height: 30px;
    margin-top: 15px;
}

.bottom_div .bottom_div_line {
    width: 100%;
    min-height: 30px;
    margin: 15px 0px 15px 0px;
}

.bottom_div .bottom-textarea {
    width: 400px;
}

/*白色实现框*/
.content-box {
    padding: 10px 0 15px 140px;
    background: #fff;
    border: 1px solid #E0E0E0;
    margin-bottom: 20px;
}

.layui-form-item .w-300 {
    width: 300px;
}

.layui-form-item .w-325 {
    width: 325px;
}

.a-color-red {
    color: #F59A99;
    text-decoration: underline;
}

.m-l-20 {
    margin-left: 20px;
}

.m-l-t-20 {
    margin-left: 20px;
    margin-top: 20px;
}

/****修改，添加 页面*****/
form .int {
    position: relative;
    color: #EF5F56;
    margin-right: 2px;
    line-height: 22px;
    height: 22px;
    vertical-align: middle;
}

.content-box .layui-form-item .layui-input-inline {
    width: 372px;
}

.content-box .layui-form-item {
    margin-bottom: 20px;
}

.modify-fot {
    margin: 20px 0;
    text-align: left;
}

．layui-btn.small {
    width: 100px;
}

.border-none {
    border: none;
}

table td div.layui-table-cell{word-break: break-all;}

.goBackBtn,button[type=reset]{
    width: 80px;
    height: 36px;
    padding: 0!important;
    font-size: 12px;
    border-radius: 4px;
    color: #1284f7;
    border: solid 1px #1184f7;
    background: #fff!important;
}
.goBackBtn:hover,button[type=reset]{
    color: #1284f7!important;
    background: #fff!important;
}

.head-tab-box li .close-btn{
    width: 20px;
    height: 20px;
    display: inline-block;
    color:gray;
    position: relative;
    left: 6px;
}
.layui-tab-card > .head-tab-box{
    /*height: auto;*/
    overflow: hidden;
    min-height: 34px;
    border-color: #f1f4f9
}
.layui-tab-card > .head-tab-box li{
    /*float: left;*/
    padding: 0px 5px 0px 15px;
    border-color: #f1f4f9;
    color: #666;
}
.layui-tab-card > .head-tab-box .layui-this{
    background-color:#f1f4f9;
    color: gray;
    height: 34px;
}
.layui-breadcrumb{
    padding-top:10px;
}
.layui-tab-card > .head-tab-box{
    padding-left: 45px;
}
.layui-tab-card > .layui-tab-title .layui-tab-bar{
    height: 34px;
    line-height: 34px;
}
.layui-tab-bar{
    border-top: unset;
}
.layui-tab-more{
    padding-right: 30px;
    height: auto!important;
    white-space: normal!important;
}
html .skin-0 .dblclick-tips-box .layui-layer-content{
    background-color:#fff;
}
.layui-layer-content .layui-tab{
    background-color:#fff;
}
html .skin-0 .dblclick-tips-box i.layui-layer-TipsB{
    border-right-color:#fff;
}
.layui-layer-content .dblclick-tab tr td:hover{
    background: unset;
    color: #3069e5;
}
.dblclick-tab tr td{
    color: #333;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

input[type="number"] {
    -moz-appearance: textfield;
}

.btn-style{
    min-width: 80px;
    height: 30px;
    border-radius: 4px;
    border: solid 1px #007dcd;
    display: inline-block;
    line-height: 28px;
    padding: 0 18px;
    background-color: #fff;
    color: #007dcd;
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    opacity: .9;
}
.search-btn-sty{
    min-width: 100px;
    height: 40px;
    border-radius: 4px;
    border: solid 1px #007dcd;
    display: inline-block;
    line-height: 40px;
    padding: 0 18px;
    background-color: #fff!important;
    color: #007dcd;
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    opacity: .9;
}
.btn-style:hover{
    color: #007dcd!important;
}
.search-btn-sty:hover{
    color: #007dcd!important;
}

.search-btn{
    min-width: 124px;
    height: 40px;
    background: linear-gradient(90deg,#007dcd 0%,#00a5ff 100%);
    border-radius: 4px;
}
.search-btn img{
    width: 16px;
    height: 16px;
    margin-right: 10px;
}
.search .layui-form .layui-form-item .layui-input-inline input{
    height: 40px;
}

/*选项卡样式*/
.tab-style{
    margin: 30px 20px;
    background: #fff;
}
.main-tab{
    margin: 0 20px 30px;
    background: #fff;
}
.tab-style .layui-tab-title{
    border: none;
}
.tab-style .layui-tab-title .layui-this{
    border-bottom: 2px solid #007dcd;
    border-top: none!important;
}
.tab-style .layui-tab-content{
    box-shadow: 0px 0px 4px 2px rgba(238, 238, 238, 0.5);
    margin: 20px 0 0 0;
    padding: 0 22px;
}


.layui-nav-tree{
    background: url("/frame/static/image/bg.png");
}
.layui-nav-tree .layui-nav-item a {
    color: #fff;
}
.layui-nav-tree .layui-nav-item a:hover{
    color: #fff;
}
/*.layui-nav .layui-nav-more{*/
    /*border-color: #fff transparent transparent;*/
/*}*/





/*main页面样式*/
.head-tab-box li:nth-child(1) i{display: none}
.layui-nav-item a:hover{background-color: #007dcd;}
.layui-nav-item img{position: absolute;top: 14px;left: 50px;}
.header-logo{width: 220px;background-color: #fff;height: 75px;line-height: 75px;border-right: 1px solid #f6f6f6}
.header-right{
    height: 75px;
    line-height: 75px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #000000;
}
.login-name{
    margin-left: 22px;
    font-family: PingFangSC-Regular;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #000000;
}
.header-logo img{
    width: 60%;
}
.warning{
    margin-right: 40px;
}
.warning-btn{
    width: 100px;
    height: 41px;
    border-radius: 20px;
    margin-right: 20px;
    line-height: 41px;
    font-size: 14px;
    color: #fff;
    border: none;
}
.warning-btn span{
    margin-left: 20px;
    font-weight: 800;
}
.warning .yellow-bg{
    background-color: #f7c34c;
    box-shadow: 0px 2px 4px 0px #ffe4a8;
}
.warning .red-bg{
    background-color: #eb623e;
    box-shadow: 0px 2px 4px 0px #ffb9a6;
}
.warning .blue-bg{
    background-color: #258dd0;
    box-shadow: 0px 2px 4px 0px #aadeff;
}
.warning .Lavender-bg{
    background-color: #6d92ee;
    box-shadow: 0px 2px 4px 0px #abc3ff;
}
 .warning .gray-bg{
     background-color: #999;
     box-shadow: 0px 2px 4px 0px #ddd;
 }
.refresh{
    margin-right: 44px;
    cursor: pointer;
}
.refresh img{
    margin: -2px 10px 0 0;
}
.border-right{
    height: 16px;
    border-right: 1px solid #000;
    padding-right: 10px;
}

.layui-nav-itemed-a{
    color: #fff !important;
    background-color: #007dcd;
}
.layui-nav-item>img{
    width: 16px;
    height: 16px;
}
.layui-col-md6{
    width: 50%;
    float: left;
}
.layui-col-md4{
    width: 33.33333333%;
    float: left;
}
/*.layui-layer-dialog  .layui-layer-padding{*/
    /*padding: 0!important;*/
    /*text-align: center!important;*/
/*}*/
/*.layui-layer-dialog .layui-layer-content .layui-layer-ico7{*/
    /*background: url("../frame/static/image/jinggao.png");*/
    /*width: 68px!important;*/
    /*height: 68px!important;*/
    /*display: block;*/
    /*margin: 40px auto 20px auto;*/
    /*position: static!important;*/
/*}*/

.mask{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    /*background: #eee;*/
    z-index: 1000;
    text-align: center;
    display: none;
}
.mask img{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.mask-form{
    margin-top: 20%;
    color: #fff;
    font-size: 40px;
}
.display .layui-input{
    background-color: #e6e6e6;
}

ul.layui-nav-tree dl.layui-nav-child dd>a .layui-nav-more{
    border-style: solid dashed dashed;
    border-color: #fff transparent transparent;
    top:20px;
}
ul.layui-nav-tree dl.layui-nav-child dd>a.child-active .layui-nav-more{
    border-style: dashed dashed solid;
    border-color: transparent transparent #fff;
    top:24px;
}